const http = require("http");
const fs = require("fs");

const app = http.createServer((req,res)=>{
    // 需求：当用户访问http://127.0.0.1:8003/index.html的时候
    // 需要返回整个index.html文件给前端
    /**
     * 实现步骤：
     * 1、判断用户访问的页面是不是index.html页面
     * 2、获取index.html页面（fs.readFile）
     * 3、然后把获取的HTML页面再通过end返回给前端
     * 
     * */ 
    // console.log(req.url);
    res.setHeader("content-type", "text/html;charset=utf-8");
    // 访问HTML页面
    if(req.url == "/index.html"){
        // 浏览器访问地址是正确的
        fs.readFile("./public/index.html",(err, data)=>{
            if(err){
                console.log("文件读取失败：",err);
                res.end("{msg: err,code: 404}");
                return
            }
            // 读取成功
            res.end(data);
        })
    }else if(req.url == "/index.css"){
        // 访问css文件
        fs.readFile("./public/index.css",(err,data)=>{
            if(err){
                console.log("文件读取失败：",err);
                res.end("{msg: err,code: 404}");
                return
            }
            res.end(data);
        })
    }else if(req.url == "/4.png"){
        res.setHeader("content-type", "image/png;charset=utf-8");
        // 处理图片
        fs.readFile("./public/img/4.png",(err,data)=>{
            if(err){
                console.log("文件读取失败：",err);
                res.end("{msg: err,code: 404}");
                return
            }
            res.end(data);
        })
    }
    
    else{
        // 访问地址错误
        res.end("{msg: '访问地址错误',code: 404}")
    }
})

app.listen("8003",()=>{
    console.log("服务器启动成功：http://127.0.0.1:8003");
})